<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>图片</title>
	<link rel="stylesheet" href="bootstrap-3.3.5-dist/css/bootstrap.min.css">
</head>
<body style="margin:50px; background:#45dfff; ">
	<!-- 
		1.样式
			1)	.img-rounded 							//圆角
			2)	.img-circle 							//圆形
			3)	.img-thumbnail 							//相框形状
		2.响应式
			1)	.img-responsive
	 -->

	<img src="img/1.jpg" alt="图片" class="img-rounded">
	<img src="img/1.jpg" alt="图片" class="img-circle">
	<img src="img/1.jpg" alt="图片" class="img-thumbnail img-responsive">


	<script src="bootstrap-3.3.5-dist/jquery/jquery.min.js"></script>
	<script src="bootstrap-3.3.5-dist/bootstrap/bootstrap.min.js"></script>
</body>
</html>